<style type="text/css">

    ::selection{ background-color: #E13300; color: white; }
    ::moz-selection{ background-color: #E13300; color: white; }
    ::webkit-selection{ background-color: #E13300; color: white; }

    a {
        color: #003399;
        background-color: transparent;
        font-weight: normal;
    }

    h1 {
        color: #444;
        background-color: transparent;
        border-bottom: 1px solid #D0D0D0;
        font-size: 19px;
        font-weight: normal;
        margin: 0 0 14px 0;
        padding: 14px 15px 10px 15px;
    }

    code {
        font-family: Consolas, Monaco, Courier New, Courier, monospace;
        font-size: 12px;
        background-color: #f9f9f9;
        border: 1px solid #D0D0D0;
        color: #002166;
        display: block;
        margin: 14px 0 14px 0;
        padding: 12px 10px 12px 10px;
    }

    #body{
        margin: 0 15px 0 15px;
    }

    p.footer{
        text-align: right;
        font-size: 11px;
        border-top: 1px solid #D0D0D0;
        line-height: 32px;
        padding: 0 10px 0 10px;
        margin: 20px 0 0 0;
    }

    #container{
        margin: 10px;
        border: 1px solid #D0D0D0;
        -webkit-box-shadow: 0 0 8px #D0D0D0;
    }
</style>


<div id="container">
    <h1>Welcome to i2tree!</h1>

    <div id="body">
        <p>The page you are looking at is being generated dynamically by i2tree.</p>
        <p>The "i2tree" is the flexible, lightweight information framework support: </p>
        <code> 
            <ul>
                <li>Category/Item for Data Model Management</li>
                <li>Auto Generated Micro-data for Semantic web </li>
                <li>Restful API for Mobile App</li>
                <li>OAuth 2.0 for App Authentication</li>
                <li>Decorator pattern for customizable web themes with HTML5 friendly design</li>
                <li>Search using Zend_Search_Lucene</li>                
            </ul>
        </code>
    </div>
</div>
